﻿<html>

<head runat="server">
  <title>JQuery Dialog</title>
  <script type='text/javascript' src='/Content/js/jquery-1.6.2.min.js'></script>
  <script type='text/javascript' src='/Content/js/jquery-ui-1.8.16.custom.min.js'></script>
  <script type='text/javascript'>
      $.ui.dialog.defaults.bgiframe = true;
      $(function () {
          $('#myDialog').dialog({
              width: 480,
              autoOpen: false,
              modal: true,
              buttons: {

          }
      });
  });

  function showDialog() {
      $('#myDialog').dialog('open');
  }


  function closeWin() {
      $('#myDialog').dialog('close');
  }
      
  </script>
</head>
<body>
  <!-- Jquery UI popup dialog content -->
  <div id="myDialog" title="My Dialog">
    <div id="dialogContent" style="overflow-y: auto; height: 280px;">
        <span class="blue13">Here is your message for dialog</span>
    </div>
    <div style="text-align:right;">
      <img src="../Images/Button_Close.gif" border="none" onMouseover="this.style.cursor='hand'" onclick="closeWin();">
    </div>
  </div>
  
  <form>
  
  <div>
    <input type="button" name="btnDialog" value="My Dialog" id="btnDialog" onclick="javascript:showDialog();" />
  </div>
  
  </form>
</body>

</html>
